<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ajax获取数据</title>
	<script src="vue.js"></script>
</head>
<body>
	
	<div id="root"></div>
	<script>
		var vm = new Vue({
			el: "#root"
		})
	</script>

</body>
</html> 

步骤>	
1. 安装 axios
npm install axios --save
2. 启动服务器 npm run dev
3. import axios from 'axios'


data: function(){
	return {
		city: ''
	}	
}

mounted (){
	this.getHomeInfo()
}

methods: {
	getHomeInfo() {
		axios.get('/api/index.json')
			.then(this.getHomeInfoSucc)
	},
	getHomeInfoSucc(res) {
		res = res.data
		if(res.ret && res.data){
			const data = res.data
			this.city = data.city
		}
		console.log(res)
	}

}

4. 把city传给子组件
<home-header :city="city"></home-header>
5. 在子组件中注册就可以使用了
props={
	city: String
}

6. 这里需要注意, post的话, 需要加几个参数, 例如要传2个参数的情况下
需要先安装 qs: npm install qs --save
在用的时候引用一下 var qs=require('qs'), 需要将 请求头headers改为： 'Content-Type': 'application/x-www-form-urlencoded', 
如下:
getUserInfo (){
    var qs = require('qs')
    const postInfo = {
        username: this.username,
        password: this.password
    }
    axios.post('http://bd.tpvue.com/api/index/getUser/',qs.stringify(postInfo),{
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    })
      .then(this.getUserInfoSucc)
},